<template>
    <div>
<el-dialog
      title="模糊查询"
      :visible.sync="dialogVisible"
      center
     :width="width"
      :before-close="handleClose">
<el-card>

 <el-form ref="form" :model="form" label-width="100px">
 <el-row>
     <el-col :span="8">
         &nbsp;
     </el-col>
            <el-col :span="8">
              <el-form-item label="名称" prop="xName">
                <el-input v-model="form.xName"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
              <el-col :span="8">
         &nbsp;
     </el-col>
            <el-col :span="8">
              <el-form-item label="序号" prop="xNumber">
              <el-input v-model="form.xNumber"></el-input>
               </el-form-item>
            </el-col>
          </el-row>

        
 </el-form>
</el-card>
   <div slot="footer" class="dialog-footer">
      <el-button type="primary" @click="querySearch()">查询</el-button>
      <el-button @click="close(false)">取消</el-button>
    </div>

</el-dialog>
   

 </div>
</template>


<script>

export default {
    props:{
      width : {type : String , default : '60vw'}
    },
  components:{
  
  },
  data() {
    return {
      dialogVisible: true,
      form: {
        
      },
    };
  },
  methods: {
    handleClose() {
      this.$emit("close");
    },
     close(isOk){
        this.$emit('close',isOk)
      }
  }
}
</script>

<style scoped>

</style>
